<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>03Vue中的数据代理</title>
</head>
<body>
  <script>
    // Vue中的数据代理: 通过vm代理对data中的属性进行操作。或者说通过vm代理对_data中的属性进行操作

    // 数据代理的优点：简化模板中代码书写

    // vm._data = options.data = data
    // 通过defineProperty方法，将_data中的属性都添加到vm身上，并为每一个属性指定getter和setter，在getter和setter内部去操作_data中的数据
    // _data中的数据来源于data
  </script>
</body>
</html>